---
title: Gradient Button
description: This look more hard than it looks.
icon: MousePointerClick
full: true
---

import GradientButton from "@/components/kokonutui/gradient-button";

<Preview link="gradient-button">
    <div className="flex flex-col gap-2">
        <GradientButton label="Gradient Button" />
        <GradientButton label="Gradient Button" variant="orange" />
        <GradientButton label="Gradient Button" variant="purple" />
    </div>
</Preview>
